<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<c:set var="path" value="${pageContext.request.contextPath }"/>
<!DOCTYPE html>
<html>
  <head>
  	<meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="${path }/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <style type="text/css">
    div{
    margin:0px auto;}
    </style>
  </head>
  <body style="background:pink">
    <div class="container-fluid" style>
	<div class="row-fluid">
		<div class="span12">
			<form type="text-alifn:center" class="m-t" role="form" action="${path }/DoAddMember" method="post">
                <div class="form-group">
                    	姓名 :
                    	<input type="text" class="form-control" 
                    	placeholder="单行输入" required="" name="relation"
                    	style="width:250px" >
                </div>
                <div class="form-group">
                    	关系  :
                    	<input type="text" class="form-control" 
                    	placeholder="单行输入" required="" name="relation"
                    	style="width:250px">
                </div>
                <div>
                		所属家庭   	<select style="width:120px" name="family">
                			    	<c:forEach items="${listf }" var="f">
										<option value="${f.name }">${f.name }</option>
									</c:forEach>
                			    </select>
                </div>
                <button type="submit" class="btn btn-primary block full-width m-b" >添加</button>
            </form>
		</div>
	</div>
</div>
 
    <script src="${path }/static/js/jquery.min.js"></script>
    <script src="${path }/static/js/bootstrap.min.js"></script>
  </body>
</html>